<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
          "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<title>3-4-1</title>
		<!--   引入jQuery -->
		<script src="../../scripts/jquery-1.3.1.js"></script>
		<script type="text/javascript">
			//<![CDATA[
			$(function() {
				//1、获取第二个<li>元素节点后，将它从网页中删除。
				// $("ol li:eq(1)").remove();

				//2、获取第二个<li>元素节点后，清空该元素内容。
				// $("ol li:eq(1)").empty();

				//2、把刚才删除的又重新添加到<ul>元素里
				//所以，删除只是从网页中删除，在jQuery对象中，这个元素还是存在的，我们可以重新获取它
				// var li = $("ol li:eq(1)");
				// li..remove();
				// li.appendTo("ol");
				//3、把<li>元素中属性title不等于"菠萝"的<li>元素删除
				$("ul li").remove("li[title!=菠萝]");
			});
			//]]>
		</script>
	</head>
	<body>
		<h3 title="你最喜欢哪个游戏">你最喜欢哪个游戏？</h3>
		<ol>
			<li title='魔兽世界'>魔兽世界</li>
			<li title='炉石传说'>炉石传说</li>
			<li title='英雄联盟'>英雄联盟</li>
		</ol>

		<p title="选择你最喜欢的水果.">你最喜欢的水果是?</p>
    <ul>
        <li title='苹果'>苹果</li>
        <li title='橘子'>橘子</li>
        <li title='菠萝'>菠萝</li>
    </ul>
	</body>
</html>
